﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ProductAllAnalyse2.aspx.cs"
    Inherits="AnalyseCRM.Operation.ProductAllAnalyse2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="../Styles/index.css" rel="stylesheet" type="text/css" />
    <link href="../Styles/style.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="../Scripts/jquery-ui-1.9.1.custom/js/jquery-1.8.2.js"></script>
    <script type="text/javascript" src="../Scripts/divselect.js"></script>
    <script type="text/javascript" src="../Highcharts/js/highcharts.js"></script>
    <script type="text/javascript" src="../Highcharts/js/modules/exporting.js"></script>
    <script src="../Scripts/jquery.form.js" type="text/javascript"></script>
    <!--币种交易量-->
    <script type="text/javascript">
        $(document).ready(function () {
           $("#radio1").attr('checked', true);
           $("#radTop5JYL").attr('checked',true);
                SetChart1(<%=strPlace%>);
                SetChart2(<%=strYJMoney%>);
                SetChart3(<%=strJYPeople%>);

                SetChart4(<%=Tile1 %>,<%=XCate1 %>,<%=Xseries1%>);
                SetChart5(<%=Tile2 %>,<%=XCate2 %>,<%=Xseries2%>);
                SetChart6(<%=Tile3 %>,<%=XCate3 %>,<%=Xseries3%>);
                SetChart7(<%=strTitleYJPecent %>,<%=XCateYJPecent %>,<%=XseriesYJPecent%>);
                SetChart8();
                SetChart9();
                SetChart10();
                SetChart11();
                function SetChart1(seriesvalue){
                    var chart = new Highcharts.Chart({
                         chart: {
                               renderTo: 'divBZJYL',
                               type: 'column'
                          },
                          title: {
                               text: '<%=strTitleBZ%>'
                          },
                          xAxis: {
                               categories: <%=strCateBZ%>
                          },
                            yAxis: {
                                allowDecimals: false,
                                min: 0,
                                title: {
                                    text: ''
                                }
                            },
                            tooltip: {
                                formatter: function () {
                                    return '<b>' + this.x + '</b><br/>' +
                                this.series.name + ': ' + this.y + '<br/>' +
                                '合计: ' + this.point.stackTotal;
                                }
                            },
                            plotOptions: {
                                column: {
                                    stacking: 'normal',
                                    dataLabels: {
                                        enabled: true,
                                        color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
                                    }
                                }
                            },
                         series: seriesvalue
                     });
                 }

             function SetChart2(seriesvalue){
                    var chart = new Highcharts.Chart({
                         chart: {
                               renderTo: 'divYJGX',
                               type: 'column'
                          },
                          title: {
                               text: '各产品交易市场\佣金贡献统计'
                          },
                          xAxis: {
                               categories: ['股票', '基金']
                          },
                            yAxis: {
                                allowDecimals: false,
                                min: 0,
                                title: {
                                    text: ''
                                }
                            },
                            tooltip: {
                                formatter: function () {
                                    return '<b>' + this.x + '</b><br/>' +
                                this.series.name + ': ' + this.y + '<br/>' +
                                '合计: ' + this.point.stackTotal;
                                }
                            },
                            plotOptions: {
                                column: {
                                    stacking: 'normal',
                                    dataLabels: {
                                        enabled: true,
                                        color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
                                    }
                                }
                            },
                         series: seriesvalue
                     });
                 }

             // 交易
             function SetChart3(seriesvalue){
                    var chart = new Highcharts.Chart({
                         chart: {
                               renderTo: 'divJYRS',
                               type: 'column'
                          },
                          title: {
                               text: '各产品交易市场\交易客户数统计'
                          },
                          xAxis: {
                               categories: ['股票', '基金']
                          },
                            yAxis: {
                                allowDecimals: false,
                                min: 0,
                                title: {
                                    text: ''
                                }
                            },
                            tooltip: {
                                formatter: function () {
                                    return '<b>' + this.x + '</b><br/>' +
                                this.series.name + ': ' + this.y + '<br/>' +
                                '合计: ' + this.point.stackTotal;
                                }
                            },
                            plotOptions: {
                                column: {
                                    stacking: 'normal',
                                    dataLabels: {
                                        enabled: true,
                                        color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
                                    }
                                }
                            },
                         
                         series:seriesvalue
                     });
                     
                 }


              // 交易量
             function SetChart4(T1,C1,X1){
                var titleInJYL = T1;
                var XCateInJYL = C1; 
                var XseriesInJYL = X1;
                 var chart = new Highcharts.Chart({
                         chart: {
                               renderTo: 'divTOP5JYL',
                               type: 'column'
                          },
                          title: {
                               text:  titleInJYL
                          },
                          xAxis: {
                               categories: XCateInJYL
                          },
                            yAxis: {
                                allowDecimals: false,
                                min: 0,
                                title: {
                                    text: ''
                                }
                            },
                            tooltip: {
                                formatter: function () {
                                    return '<b>' + this.x + '</b><br/>' +
                                this.series.name + ': ' + this.y + '<br/>' +
                                '合计: ' + this.point.stackTotal;
                                }
                            },
                            plotOptions: {
                                column: {
                                    stacking: 'normal',
                                    dataLabels: {
                                        enabled: true,
                                        color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
                                    }
                                }
                            },
                         
                         series: XseriesInJYL
                     });
                     
                 }  


             // Top5交易金额
             function SetChart5(T2,C2,X2){
                var titleInJYL = T2;
                var XCateInJYL = C2;
                var XseriesInJYL = X2;
                 var chart = new Highcharts.Chart({
                         chart: {
                               renderTo: 'divTOP5JYMoney',
                               type: 'spline'
                          },
                          title: {
                               text:  titleInJYL
                          },
                          xAxis: {
                               categories: XCateInJYL
                          },
                          yAxis: {
                                title: {
                                    text: 'Temperature'
                                },
                                labels: {
                                    formatter: function() {
                                        return this.value +'°'
                                    }
                                }
                           },
                           tooltip: {
                               crosshairs: true,
                               shared: true
                           },
                           plotOptions: {
                                column: {
                                    stacking: 'normal',
                                    dataLabels: {
                                        enabled: true,
                                        color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
                                    }
                                }
                            },
                         
                         series: XseriesInJYL
                     });
                 }  

             // Top5交易人数
             function SetChart6(T3,C3,X3){
                var titleInJYL = T3;
                var XCateInJYL = C3;
                var XseriesInJYL = X3 ;
                 var chart = new Highcharts.Chart({
                         chart: {
                               renderTo: 'divTOP5JYPeopleNum',
                               type: 'column'
                          },
                          title: {
                               text:  titleInJYL
                          },
                          xAxis: {
                               categories: XCateInJYL
                          },
                            yAxis: {
                                allowDecimals: false,
                                min: 0,
                                title: {
                                    text: ''
                                }
                            },
                        tooltip: {
                                headerFormat: '<b>{series.name}</b><br />',
                                pointFormat: 'x = {point.x}, y = {point.y}'
                            },
                            plotOptions: {
                                column: {
                                    stacking: 'normal',
                                    dataLabels: {
                                        enabled: true,
                                        color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
                                    }
                                }
                            },
                         
                      series: [{ data: [1, 2, 4, 8, 16, 32, 64, 128, 256, 512],pointStart: 1 }]
                     });
                     
                 } 


              // Top5交易佣金百分比
             function SetChart7(T4,C4,X4){
                var titleInJYL = T4 ;
                var XCateInJYL = C4;
                var XseriesInJYL = X4 ;
                 var chart = new Highcharts.Chart({
                         chart: {
                               renderTo: 'divTop5YJPecent',
                               type: 'column'
                          },
                          title: {
                               text:  titleInJYL
                          },
                          xAxis: {
                               categories: XCateInJYL
                          },
                         yAxis: [{ //设置Y轴-第一个（增幅） 
                            labels: { 
                                formatter: function() { //格式化标签名称 
                                    return this.value + '%'; 
                                }, 
                                style: { 
                                    color: '#89A54E' //设置标签颜色 
                                } 
                            }, 
                            title: {text: ''}, //Y轴标题设为空 
                            opposite: true  //显示在Y轴右侧，通常为false时，左边显示Y轴，下边显示X轴 
 
                        }, 
                        { //设置Y轴-第二个（金额） 
                            gridLineWidth: 0,  //设置网格宽度为0，因为第一个Y轴默认了网格宽度为1 
                            title: {text: ''},//Y轴标题设为空 
                            labels: { 
                                formatter: function() {//格式化标签名称 
                                    return this.value + ''; 
                                }, 
                                style: { 
                                    color: '#4572A7' //设置标签颜色 
                                } 
                            } 
 
                        }], 
                        tooltip: {
                                 formatter: function() {  //格式化提示框信息 
                                            var unit = { 
                                                '佣金额': '万元', 
                                                '占比': '%' 
                                            } [this.series.name]; 
                                            return '' + this.x + ': ' + this.y + ' ' + unit; 
                                  } 
                        },
                            plotOptions: {
                                column: {
                                    stacking: 'normal',
                                    dataLabels: {
                                        enabled: true,
                                        color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
                                    }
                                }
                            },
                         
                         series: XseriesInJYL
                     });
                     
                 } 



             // 最新3个月
             function SetChart8(){
                var titleInJYL = <%=Tile4 %> ;
                var XCateInJYL = <%=XCate4 %>;
                var XseriesInJYL = <%=Xseries4 %> ;
                 var chart = new Highcharts.Chart({
                         chart: {
                               renderTo: 'divLatest3JYNum',
                               type: 'bar'
                          },
                          title: {
                               text:  titleInJYL
                          },
                          xAxis: {
                               categories: XCateInJYL
                          },
                            yAxis: {
                                allowDecimals: false,
                                min: 0,
                                title: {
                                    text: ''
                                }
                            },
                            tooltip: {
                                formatter: function () {
                                    return '<b>' + this.x + '</b><br/>' +
                                this.series.name + ': ' + this.y + '<br/>' +
                                '合计: ' + this.point.stackTotal;
                                }
                            },
                            plotOptions: {
                                column: {
                                    stacking: 'normal',
                                    dataLabels: {
                                        enabled: true,
                                        color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
                                    }
                                }
                            },
                         
                         series: XseriesInJYL
                     });
                     
                 } 



              // 最新3个月
             function SetChart9(){
                var titleInJYL = <%=Tile5 %> ;
                var XCateInJYL = <%=XCate5 %>;
                var XseriesInJYL = <%=Xseries5 %> ;
                 var chart = new Highcharts.Chart({
                         chart: {
                               renderTo: 'divLatest3JYMoney',
                               type: 'bar'
                          },
                          title: {
                               text:  titleInJYL
                          },
                          xAxis: {
                               categories: XCateInJYL
                          },
                            yAxis: {
                                allowDecimals: false,
                                min: 0,
                                title: {
                                    text: ''
                                }
                            },
                            tooltip: {
                                formatter: function () {
                                    return '<b>' + this.x + '</b><br/>' +
                                this.series.name + ': ' + this.y + '<br/>' +
                                '合计: ' + this.point.stackTotal;
                                }
                            },
                            plotOptions: {
                                column: {
                                    stacking: 'normal',
                                    dataLabels: {
                                        enabled: true,
                                        color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
                                    }
                                }
                            },
                         
                         series: XseriesInJYL
                     });
                     
                 } 



             // 最新3个月
             function SetChart10(){
                var titleInJYL = <%=Tile6 %> ;
                var XCateInJYL = <%=XCate6 %>;
                var XseriesInJYL = <%=Xseries6 %> ;
                 var chart = new Highcharts.Chart({
                         chart: {
                               renderTo: 'divLatest3JYPeopleNum',
                               type: 'bar'
                          },
                          title: {
                               text:  titleInJYL
                          },
                          xAxis: {
                               categories: XCateInJYL
                          },
                            yAxis: {
                                allowDecimals: false,
                                min: 0,
                                title: {
                                    text: ''
                                }
                            },
                            tooltip: {
                                formatter: function () {
                                    return '<b>' + this.x + '</b><br/>' +
                                this.series.name + ': ' + this.y + '<br/>' +
                                '合计: ' + this.point.stackTotal;
                                }
                            },
                            plotOptions: {
                                column: {
                                    stacking: 'normal',
                                    dataLabels: {
                                        enabled: true,
                                        color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
                                    }
                                }
                            },
                         
                         series: XseriesInJYL
                     });
                     
                 } 



             // 最新3个月,各类型基金佣金额以及占比统计。
             function SetChart11(){
                var titleInJYL = <%=Tile7 %> ;
                var XCateInJYL = <%=XCate7 %>;
                var XseriesInJYL = <%=Xseries7 %> ;
                 var chart = new Highcharts.Chart({
                         chart: {
                               renderTo: 'divLatest3JYPecent',
                               type: 'bar'
                          },
                          title: {
                               text:  titleInJYL
                          },
                          xAxis: {
                               categories: XCateInJYL
                          },
                         yAxis: [{ //设置Y轴-第一个（增幅） 
                            labels: { 
                                formatter: function() { //格式化标签名称 
                                    return this.value + '%'; 
                                }, 
                                style: { 
                                    color: '#89A54E' //设置标签颜色 
                                } 
                            }, 
                            title: {text: ''}, //Y轴标题设为空 
                            opposite: true  //显示在Y轴右侧，通常为false时，左边显示Y轴，下边显示X轴 
 
                        }, 
                        { //设置Y轴-第二个（金额） 
                            gridLineWidth: 0,  //设置网格宽度为0，因为第一个Y轴默认了网格宽度为1 
                            title: {text: ''},//Y轴标题设为空 
                            labels: { 
                                formatter: function() {//格式化标签名称 
                                    return this.value + ''; 
                                }, 
                                style: { 
                                    color: '#4572A7' //设置标签颜色 
                                } 
                            } 
 
                        }], 
                            tooltip: {
                                    formatter: function() {  //格式化提示框信息 
                                            var unit = { 
                                                '佣金额': '万元', 
                                                '占比': '%' 
                                            } [this.series.name]; 
                                            return '' + this.x + ': ' + this.y + ' ' + unit; 
                                        } 
                            },
                            plotOptions: {
                                column: {
                                    stacking: 'normal',
                                    dataLabels: {
                                        enabled: true,
                                        color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
                                    }
                                }
                            },
                         
                         series: XseriesInJYL
                     });
                     
                 } 
            $("#radio1").click(function () {
                $("#radio2").attr('checked', false);
                var options = {
                    url: 'ProductAllAnalyse2.aspx?Type=0',
                    success: function SubmitSuccess(data) {
                        if( (data != "") && ( data != undefined)){
                            var strList = data.split('#');
                            var strInPlace = strList[0].split('@')[2].toString();
                            var strInMoney = strList[1].split('@')[2].toString();
                            var strInPeople = strList[2].split('@')[2].toString();
                            var strInPlace = eval('(' + strInPlace + ')'); 
                            var strInMoney = eval('(' + strInMoney + ')'); 
                            var strInPeople = eval('(' + strInPeople + ')'); 

                            $("#divBZJYL").html("");
                            $("#divYJGX").html("");
                            $("#divJYRS").html("");
                            var strInPlace = strInPlace;
                            SetChart1(strInPlace);
                            SetChart2(strInMoney);
                            SetChart3(strInPeople);
                        }
                    }
                };
                $('#frmProductAllAnaly2').ajaxSubmit(options);
            });

            $("#radio2").click(function () {
                $("#radio1").attr('checked', false);
                var options = {
                    url: 'ProductAllAnalyse2.aspx?Type=1',
                    success: function SubmitSuccess(data) {
                        if( (data != "") && ( data != undefined)){
                            var strList = data.split('#');
                            var strInPlace = strList[0].split('@')[2].toString();
                            var strInMoney = strList[1].split('@')[2].toString();
                            var strInPeople = strList[2].split('@')[2].toString();

                            var strInPlace = eval('(' + strInPlace + ')'); 
                            var strInMoney = eval('(' + strInMoney + ')'); 
                            var strInPeople = eval('(' + strInPeople + ')'); 

                            $("#divBZJYL").html("");
                            $("#divYJGX").html("");
                            $("#divJYRS").html("");

                            SetChart1(strInPlace);
                            SetChart2(strInMoney);
                            SetChart3(strInPeople);
                        }
                    }
                };
                $('#frmProductAllAnaly2').ajaxSubmit(options);
            });
            

            $("#radTop5JYL").click(function () {
                $("#radTop5JYMoney").attr('checked', false);
                $("#radTo5JYPeople").attr('checked', false);
                var options = {
                    url: 'ProductAllAnalyse2.aspx?Type2=0',
                    success: function SubmitSuccess(data) {
                        if( (data != "") && ( data != undefined)){
                            var strList = data.split('#');
                            var strT1 = strList[0].split('@')[0].toString();
                            var strC1 = strList[0].split('@')[1].toString();
                            var strX1 = strList[0].split('@')[2].toString();
                            var strT2 = strList[1].split('@')[0].toString();
                            var strC2 = strList[1].split('@')[1].toString();
                            var strX2 = strList[1].split('@')[2].toString();
                            var strT3 = strList[1].split('@')[0].toString();
                            var strC3 = strList[1].split('@')[1].toString();
                            var strX3 = strList[1].split('@')[2].toString();
                            var strT1 = eval('(' + strT1 + ')'); 
                            var strC1 = eval('(' + strC1 + ')'); 
                            var strX1 = eval('(' + strX1 + ')'); 
                            var strT2 = eval('(' + strT2 + ')'); 
                            var strC2 = eval('(' + strC2 + ')'); 
                            var strX2 = eval('(' + strX2 + ')');
                            var strT3 = eval('(' + strT3 + ')'); 
                            var strC3 = eval('(' + strC3 + ')'); 
                            var strX3 = eval('(' + strX3 + ')'); 
                            $("#divTOP5JYL").html("");
                            $("#divTOP5JYMoney").html("");
                            $("#divTOP5JYPeopleNum").html("");

                            SetChart4(strT1,strC1,strX1);
                            SetChart5(strT2,strC1,strX2);
                            SetChart6(strT3,strC1,strX3);
                        }
                    }
                };
                $('#frmProductAllAnaly2').ajaxSubmit(options);
            });


           $("#radTop5JYMoney").click(function () {
                $("#radTop5JYL").attr('checked', false);
                $("#radTo5JYPeople").attr('checked', false);
                var options = {
                    url: 'ProductAllAnalyse2.aspx?Type2=1',
                    success: function SubmitSuccess(data) {
                        if( (data != "") && ( data != undefined)){
                            var strList = data.split('#');
                            var strT1 = strList[0].split('@')[0].toString();
                            var strC1 = strList[0].split('@')[1].toString();
                            var strX1 = strList[0].split('@')[2].toString();
                            var strT2 = strList[1].split('@')[0].toString();
                            var strC2 = strList[1].split('@')[1].toString();
                            var strX2 = strList[1].split('@')[2].toString();
                            var strT3 = strList[1].split('@')[0].toString();
                            var strC3 = strList[1].split('@')[1].toString();
                            var strX3 = strList[1].split('@')[2].toString();
                            var strT1 = eval('(' + strT1 + ')'); 
                            var strC1 = eval('(' + strC1 + ')'); 
                            var strX1 = eval('(' + strX1 + ')'); 
                            var strT2 = eval('(' + strT2 + ')'); 
                            var strC2 = eval('(' + strC2 + ')'); 
                            var strX2 = eval('(' + strX2 + ')');
                            var strT3 = eval('(' + strT3 + ')'); 
                            var strC3 = eval('(' + strC3 + ')'); 
                            var strX3 = eval('(' + strX3 + ')'); 
                            $("#divTOP5JYL").html("");
                            $("#divTOP5JYMoney").html("");
                            $("#divTOP5JYPeopleNum").html("");

                            SetChart4(strT1,strC1,strX1);
                            SetChart5(strT2,strC1,strX2);
                            SetChart6(strT3,strC1,strX3);
                        }
                    }
                };
                $('#frmProductAllAnaly2').ajaxSubmit(options);
            });



           $("#radTo5JYPeople").click(function () {
                $("#radTop5JYMoney").attr('checked', false);
                $("#radTop5JYL").attr('checked', false);
                var options = {
                    url: 'ProductAllAnalyse2.aspx?Type2=2',
                    success: function SubmitSuccess(data) {
                        if( (data != "") && ( data != undefined)){
                          var strList = data.split('#');
                            var strT1 = strList[0].split('@')[0].toString();
                            var strC1 = strList[0].split('@')[1].toString();
                            var strX1 = strList[0].split('@')[2].toString();
                            var strT2 = strList[1].split('@')[0].toString();
                            var strC2 = strList[1].split('@')[1].toString();
                            var strX2 = strList[1].split('@')[2].toString();
                            var strT3 = strList[1].split('@')[0].toString();
                            var strC3 = strList[1].split('@')[1].toString();
                            var strX3 = strList[1].split('@')[2].toString();
                            var strT1 = eval('(' + strT1 + ')'); 
                            var strC1 = eval('(' + strC1 + ')'); 
                            var strX1 = eval('(' + strX1 + ')'); 
                            var strT2 = eval('(' + strT2 + ')'); 
                            var strC2 = eval('(' + strC2 + ')'); 
                            var strX2 = eval('(' + strX2 + ')');
                            var strT3 = eval('(' + strT3 + ')'); 
                            var strC3 = eval('(' + strC3 + ')'); 
                            var strX3 = eval('(' + strX3 + ')'); 
                            $("#divTOP5JYL").html("");
                            $("#divTOP5JYMoney").html("");
                            $("#divTOP5JYPeopleNum").html("");
                            SetChart4(strT1,strC1,strX1);
                            SetChart5(strT2,strC1,strX2);
                            SetChart6(strT3,strC1,strX3);
                        }
                    }
                };
                $('#frmProductAllAnaly2').ajaxSubmit(options);
            });
              
        });
    </script>
</head>
<body>
    <form id="frmProductAllAnaly2" runat="server">
    <div class="Pathlist">
        <ul>
            <li><a><strong>您当前所在的位置：</strong></a>产品分析</li>
            <li class="Pathlistright"><a>： </a></li>
        </ul>
    </div>
    <div class="wrapper">
        <!--风格一，sharp color1-->
        <div class="wrapperbox">
            <div class="redline">
            </div>
            <div class="Checkboxes">
                <span>
                    <input id="radio1" type="radio" value="" />最近一个月
                        <input id="radio2" type="radio" value="" />最近六个月</span>
            </div>
            <div style="clear: both">
            </div>
            <ul>
                <li>
                    <div class="sharp color1">
                        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
                        <div class="content">
                            <div class="contentbox" id="divBZJYL">
                            
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="sharp color1">
                        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
                        <div class="content">
                            <div class="contentbox" id="divYJGX">
                                
                            </div>
                        </div>
                        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>
                    </div>
                </li>
                <li>
                    <div class="sharp color1">
                        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
                        <div class="content">
                            <div class="contentbox"  id="divJYRS" ></div>
                        </div>
                        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>
                    </div>
                </li>
            </ul>
        </div>
        <div class="wrapperbox">
     
                            <div class="Checkboxes">
                <span>
                    <input id="radTop5JYL"  type="radio" value="" />按行业板块
                        <input id="radTop5JYMoney" type="radio" value="" />按地区板块 <input id="radTo5JYPeople" type="radio" value="" />按风格板块</span>
            </div>
                
            <ul>
                <li>
                    <div class="sharp color1">
                        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
                        <div class="content">
                            <div class="contentbox" id="divTOP5JYL">
                            </div>
                        </div>
                        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>
                    </div>
                </li>
                <li>
                    <div class="sharp color1">
                        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
                        <div class="content">
                            <div class="contentbox" id="divTOP5JYMoney">
                              
                            </div>
                        </div>
                        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>
                    </div>
                </li>
                                <li>
                    <div class="sharp color1">
                        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
                        <div class="content">
                            <div class="contentbox" id="divTOP5JYPeopleNum">
    
                            </div>
                        </div>
                        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>
                    </div>
                </li>
            </ul>

              <div class="sharp color1">
                        <b class="b1"></b>
                        <div class="content">
                            <div class="contentbox" style=" width:400px; margin-left:0px" id="divTop5YJPecent">
    
                            </div>
                        </div>
                        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>
                    </div>
        </div>
        <div style=" height:20px; background-color:White">基金产品分析</div>
         <div class="wrapperbox">
            <ul>
                <li>
                    <div class="sharp color1">
                        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
                        <div class="content">
                            <div class="contentbox"  id="divLatest3JYNum">
                            </div>
                        </div>
                        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>
                    </div>
                </li>
                <li>
                    <div class="sharp color1">
                        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
                        <div class="content">
                            <div class="contentbox" id="divLatest3JYMoney">
                              
                            </div>
                        </div>
                        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>
                    </div>
                </li>
                                <li>
                    <div class="sharp color1">
                        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
                        <div class="content">
                            <div class="contentbox" id="divLatest3JYPeopleNum">
    
                            </div>
                        </div>
                        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>
                    </div>
                </li>
            </ul>

              <div class="sharp color1">
                        <b class="b1"></b>
                        <div class="content">
                            <div class="contentbox" style=" width:400px; margin-left:0px" id="divLatest3JYPecent">
    
                            </div>
                            
                        </div>
                    </div>
        </div>
        <div style="clear: both">
        </div>
    </div>
    </form>
</body>
</html>